<template>
  <div class="home">
    <!-- 头部导航区域 -->
    <topNav></topNav>
    <!-- 轮播图区域 -->
    <swiperCom></swiperCom>
    <!-- 小图标区域 -->
    <iconList></iconList>
    <!-- 发现好歌单 -->
    <FindGoodMusic></FindGoodMusic>
    <!-- 发现精品歌单 -->
    <FindNiceMusic :name="'发现精品歌单'" :MusicType="'精品歌单'" :MusicKey="false" :swiperType="musicSwipers"></FindNiceMusic>
  </div>
</template>

<script>
import topNav from '@/components/Home/topNav.vue'
import swiperCom from '@/components/Home/swiperCom.vue'
import iconList from '@/components/Home/iconList.vue'
import FindGoodMusic from '@/components/Home/FindGoodMusic.vue'
import FindNiceMusic from '@/components/Home/FindMusic.vue'
export default {
  name: 'Home',
  components: {
     topNav,swiperCom,iconList,FindGoodMusic,FindNiceMusic
  },
}
</script>
<style lang="less" scoped>
</style>